<div> id="wrapper">
    <div id="page-wrapper">
        <div class="panel panel-primary">
            <div class="panel-heading"></div>
            <div class="panel-body">
                <div id="toolbar" class="btn-toolbar msline" role="toolbar" aria-label="...">
                    <div class="btn-group" role="group" aria-label="...">
                        <div class="btn-group">
                            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                审核筛选 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="/home/circle/circlelist?approve_status=0">未审核</a></li>
                                <li><a href="/home/circle/circlelist?approve_status=1">审核通过</a></li>
                                <li><a href="/home/circle/circlelist?approve_status=2">驳回</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#addpic">增加logo
                        </button>
                    </div>
                </div>
                <div>
                    <table id="circletable"
                           data-toolbar="#toolbar"
                           class="table table-bordered table-hover fixed-table-toolbar">
                        <thead>
                        <tr>
                            <th></th>
                            <th>圈子id</th>
                            <th>圈子名称</th>
                            <th>分类名称</th>
                            <th>审核状态</th>
                            <th>创建者</th>
                            <th>图标</th>
                            <th>标签</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {%notempty name="$data.list"%}
                        {%volist name="$data.list" id="vo"%}
                        <tr>
                            <td><input id="userid_{%$vo.cir_id%}" name="flag" type="checkbox" value={%$vo.cir_id%}
                                       placeholder="必填"></td>
                            <td>{%$vo.cir_id%}</td>
                            <td>{%$vo.name%}</td>
                            <td>{%$vo.cate_name%}</td>
                            <td>{%$vo.approve_status%}</td>
                            <td>{%$vo.creator%}</td>
                            {%if condition="$vo.icon != ''"%}
                            <td class="chakan"><a href={%$vo.icon%} data-lightbox={%$vo.cir_id%}>查看</a></td>
                            {%else /%}
                            <td></td>
                            {%/if%}
                            <td>{%$vo.label%}</td>
                            <td>
                                {%if condition="$vo.approve_status == '待审核'"%}
                                <button id={%$vo.cir_id%} class="btn btn-sm btn-danger verify">审核</button>
                                {%else /%}
                                {%/if%}
                                <button class="btn btn-sm btn-danger edit_category">分类</button>
                                <button class="btn btn-sm btn-danger editcirclelabel">标签</button>
                                <button class="btn btn-sm btn-danger delcircle">删除</button>
                            </td>
                        </tr>
                        {%/volist%}
                        {%/notempty%}
                        </tbody>
                    </table>
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div id="addcategory" class="modal-content">
                                <div class="modal-header" style="background: #337ab7">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel" style="color: #FFFFFF">审核商品</h4>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="cirid">圈子ID</label>

                                            <div class="col-sm-10">
                                                <input id="cirid" type="text" class="form-control" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="cirname">圈子名称</label>

                                            <div class="col-sm-10">
                                                <input id="cirname" type="text" class="form-control" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="reason">申请理由</label>

                                            <div class="col-sm-10">
                                                <input id="reason" type="text" class="form-control" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="status">审核结果</label>

                                            <div class="col-sm-10">
                                                <select id='status' class="form-control">
                                                    <option value="1">通过</option>
                                                    <option value="2">驳回</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="display_order">原因</label>

                                            <div class="col-sm-10">
                                                <input id='display_order' type="text" class="form-control"
                                                       placeholder="请勿使用特殊字符">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button id="close" type="button" class="btn btn-primary" data-dismiss="modal">关闭
                                    </button>
                                    <button id="confirm" type="button" class="btn btn-primary">提交</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pull-right">
                        {%$data.html_page%}
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="editcategoryModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">编辑分类</h4>
            </div>
            <div class="modal-body">
                <form id="addForm" class="form-horizontal">
                    <div class="form-group">
                        <label for="cate_id" class="col-sm-2 control-label">分类</label>

                        <div class="col-sm-10">
                            <select name='cate_id' id="cate_id" class="form-control" style="width:100%;">
                                <option value="19">最新</option>
                                <option value="20">最热</option>
                                <option value="10">日系</option>
                                <option value="11">美系</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭
                </button>
                <button id="edit_confirm" type="button" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="editlabelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">编辑标签</h4>
            </div>
            <div class="modal-body">
                <form id="editlabelForm" class="form-horizontal">
                    <div class="form-group">
                        <label for="label" class="col-sm-2 control-label">标签</label>

                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="label" name="label" placeholder="多个标签逗号分隔">
                        </div>
                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                <button id="editlabel_confirm" type="button" class="btn btn-danger">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">确认删除</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                <button id="delete_confirm" type="button" class="btn btn-danger">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="addpic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="addpictitle">增加圈子Logo</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="add_circle_id" class="col-sm-2 control-label">圈子ID</label>

                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="add_circle_id" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add_circle_pic" class="col-sm-2 control-label">圈子logo</label>

                        <div class="col-sm-10">
                            <input type="file" name="file" class="form-control file-loading" id="add_circle_pic"
                                   data-url="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="addpic_confirm" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<script src="/static/home/widget/circle/unreviewed/unreviewedcircle.js"></script>
<script src="/static/home/widget/circle/unreviewed/delcircle.js"></script>
<script src="/static/home/widget/circle/unreviewed/editcategory.js"></script>
<script src="/static/home/widget/circle/unreviewed/editlabel.js"></script>
<script src="/static/home/widget/circle/unreviewed/addpic.js"></script>